<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>油画商城</title>
	<link rel="stylesheet" type="text/css" href="tool\index.css">
	<script type="text/javascript" src="tool\index.js"></script>
</head>
<body>
	<div class="header">
		<div class="logo">
			<img src="image\logo.png">
		</div>
		<div class="menu" onmouseleave="show_menu1()">
			<div class="menu_title" onclick="show_menu()"><a href="#">内容分类</div>
			<ul id="menu1">
				<li>现实主义</li>
				<li>抽象主义</li>
			</ul>
		</div>
		<div class="auth">
			<ul>
				<li><a href="../html/htmlwork.html">注册</a></li>
				<li><a href="#">登录</a></li>
			</ul>
		</div>
	</div>
	<div class="content">
		<div class="banner">
			<img src="image\welcome.png" class="img">
		</div>
		
		<div class="center">
			<ul>
				<li>
					<img src="image\wumingnvlang.jpg" class="img-1">
					<div class="info">
						<h3>无名女郎</h3>
						<p>
							无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无
						</p>
						<div class="img-btn">
							<div class="price">¥168.00</div>
							<a href="#" class="cart">
								<div class="btn">
								
									<img src="image\cart.svg">
								</div>
							</a>
							
						</div>
					</div>
				</li>
				<li>
					<img src="image\richuyinxing.jpg" class="img-1">
					<div class="info">
						<h3>日出映象</h3>
						<p>
							日出映象日出映象日出映象日出映象日出映象日出映象日出映象日出映象日出映象日出映象日出映象日出映象日出映象日出映象日出映象日出映象日出映象日出映象日出映象日出映象日出映象日出映象日出映象日出映象日出映象日出映象日出映象日出映象日出映象日出映象日出映象日出映象日出映象日出映象日出映象日出映象日出映象日出映象日出映象日出映象日出映象
						</p>
						<div class="img-btn">
							<div class="price">¥149.00</div>
							<a href="#" class="cart">
								<div class="btn">
								
									<img src="image\cart.svg">
								</div>
							</a>
							
						</div>
					</div>
				</li>
				<li>
					<img src="image\songshulinzhicheng.jpg" class="img-1">
					<div class="info">
						<h3>松树林之晨</h3>
						<p>
							松树林之晨松树林之晨松树林之晨松树林之晨松树林之晨松树林之晨松树林之晨松树林之晨松树林之晨松树林之晨松树林之晨松树林之晨松树林之晨松树林之晨松树林之晨松树林之晨松树林之晨松树林之晨松树林之晨松树林之晨松树林之晨松树林之晨松树林之晨松树林之晨松树林之晨松树林之晨松树林之晨松树林之晨松树林之晨松树林之晨松树林之晨松树林之晨松树林之晨
						</p>
						<div class="img-btn">
							<div class="price">¥299.00</div>
							<a href="#" class="cart">
								<div class="btn">
								
									<img src="image\cart.svg">
								</div>
							</a>
							
						</div>
					</div>
				</li>
				<li>
					<img src="image\wudaojiaoshi.jpg" class="img-1">
					<div class="info">
						<h3>舞蹈教室</h3>
						<p>
							舞蹈教室舞蹈教室舞蹈教室舞蹈教室舞蹈教室舞蹈教室舞蹈教室舞蹈教室舞蹈教室舞蹈教室舞蹈教室舞蹈教室舞蹈教室舞蹈教室舞蹈教室舞蹈教室舞蹈教室舞蹈教室舞蹈教室舞蹈教室舞蹈教室舞蹈教室舞蹈教室舞蹈教室舞蹈教室舞蹈教室舞蹈教室舞蹈教室舞蹈教室舞蹈教室舞蹈教室舞蹈教室舞蹈教室舞蹈教室舞蹈教室舞蹈教室舞蹈教室舞蹈教室舞蹈教室舞蹈教室舞蹈教室
						</p>
						<div class="img-btn">
							<div class="price">¥312.00</div>
							<a href="#" class="cart">
								<div class="btn">
								
									<img src="image\cart.svg">
								</div>
							</a>
							
						</div>
					</div>
				</li>
				<li>
					<img src="image\wen.jpg" class="img-1">
					<div class="info">
						<h3>纹</h3>
						<p>
							无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无名女郎无
						</p>
						<div class="img-btn">
							<div class="price">¥785.00</div>
							<a href="#" class="cart">
								<div class="btn">
								
									<img src="image\cart.svg">
								</div>
							</a>
							
						</div>
					</div>
				</li>
				<li>
					<img src="image\hongmofangde wuhui.jpg" class="img-1"> 
					<div class="info">
						<h3>红磨坊的误会</h3>
						<p>
							红磨坊的误会红磨坊的误会红磨坊的误会红磨坊的误会红磨坊的误会红磨坊的误会红磨坊的误会红磨坊的误会红磨坊的误会红磨坊的误会红磨坊的误会红磨坊的误会红磨坊的误会红磨坊的误会红磨坊的误会红磨坊的误会红磨坊的误会红磨坊的误会红磨坊的误会红磨坊的误会红磨坊的误会红磨坊的误会红磨坊的误会红磨坊的误会红磨坊的误会红磨坊的误会红磨坊的误会
						</p>
						<div class="img-btn">
							<div class="price">¥613.00</div>
							<a href="#" class="cart">
								<div class="btn">
								
									<img src="image\cart.svg">
								</div>
							</a>
							
						</div>
					</div>
				</li>

			</ul>
		</div>
		<div class="page-nav">
			<ul>
				<li>
					<a href="#">首页</a>
				</li>
				<li>
					<a href="#">上一页</a>
				</li>
				<li>
					<span class="first-page">1</span>
				</li>
				<li>
					<a href="#">2</a>
				</li>
				<li>
					<a href="#">3</a>
				</li>
				<li>
					<a href="#">4</a>
				</li>
				<li>
					<a href="#">5</a>
				</li>
				<li>
					<a href="#">...</a>
				</li>
				<li>
					<a href="#">98</a>
				</li>
				<li>
					<a href="#">99</a>
				</li>
				<li>
					<a href="#">下一页</a>
				</li>
				<li>
					<a href="#">尾页</a>
				</li>
			</ul>
		</div>
	</div>
	<div class="foot">
		<p><span>M-GALLARY</span>©2017 POWERED BY XYY</p>
	</div>
</body>
</html>